element 结合vue 在表单验证时有值却提示错误的解决办法 |
您所在的位置:网站首页 › element 原理 › element 结合vue 在表单验证时有值却提示错误的解决办法 |
element 结合vue 在表单验证时有值却提示错误的解决办法 绑定的值与规则指定的值一定要相同------- 第一步: 加上rules ref 第二部: QZheCZgaJ 加上prop 第三部: rules: { name: [ { required: true, message: '请输入活动名称', trigger: 'blur' }, { min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' } ], resource: [ { required: true, message: '请选择活动资源', trigger: 'change' } ], } 这里加了required的话 prop的屁股后面就不用加了;这里其他的详细验证看文档 第四部:点击提交表单 (这里有一个地方切记,提交表单这里一定要引号引起来,搞定 submitForm(formName) { this.$refs[formName].validate((valid) => { if (valid) { 这里是验证成功后该干嘛干嘛 } else { console.log('http://error submit!!'); return false; } }); }, 总结 以上所述是给大家介绍的element 结合vue 在表单验证时有值却提示错误的解决办法,希望对大家有所帮助,如果大家有任何疑问请给我留言,会及时回复大家的。在此也非常感谢大家对我们网站的支持! |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |